<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>mobile_picker</title>
	<script src="jquery.3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" href="mobile.picker.css">
	<script src="jquery.mobile.picker.1.0.0.min.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<div class="mobile_picker" id="mobile_picker"></div>
	<div class="mobile_picker" style="margin-top: 20px;" id="mobile_picker1"></div>
	<div class="submit">提交</div>
	<script type="text/javascript">
		let list = [
			{
				id:1,
				name:'重庆'
			},{
				id:2,
				name:'北京'
			},{
				id:3,
				name:'上海'
			},{
				id:4,
				name:'广州'
			},{
				id:5,
				name:'深圳'
			}
		];
		let list1 = [
			{
				id:1,
				name:'火锅'
			},{
				id:2,
				name:'串串'
			},{
				id:3,
				name:'烧烤'
			},{
				id:4,
				name:'烤鱼'
			},{
				id:5,
				name:'钵钵鸡'
			}
		];
			let picker = $("#mobile_picker").picker({
				mode:'selector',
				title:'请选择城市',
				value:0,
				name:'mobile_picker',
				height:30,
				number:5,
				list:list,
				btn:['确定','取消'],
				callBack:function(res,value){
					// console.log(res,value)
				}
			})
			let picker1 = $("#mobile_picker1").picker({
				mode:'time',
				title:'请选择美食',
				value:0,
				name:'mobile_picker1',
				height:30,
				number:5,
				list:list1,
				btn:['确定','取消'],
				callBack:function(res,value){
					// console.log(res,value)
				}
			})
			
			$(".submit").on('click',function(){
				for(let i=0;i<$("body").find("input").length;i++){
					console.log($("body").find("input").eq(i).val())
				}
			})
			
	</script>
</body>
</html>
